@charset "utf-8";
/* CSS Document */

/*
============================================================================================
|		Top layer styles
============================================================================================
*/

#top #container 			{ position:relative; margin:0 auto; width:1000px; }
#top #container #module 	{ float:left; }
#top #container #separator	{ width:4px; height: 200px; margin: 35px 10px 0px 10px; 
				  						background:transparent url('/images/template/separator-d.png') repeat-y;}
	
#top #container #module #label { margin-bottom:5px; font-size: 1.6em; }

/* daily image */
#top #container #module #daily-image 								{ width:315px; }
#top #container #module #daily-image #module-header 				{ }
#top #container #module #daily-image #module-header #label			{ float:left; }
#top #container #module #daily-image #module-header #valoration		{ float:right; position:relative; top:8px; }
#top #container #module #daily-image #img img						{ border:2px solid #ffffff; }
#top #container #module #daily-image #image-title					{ font-size:1.4em; }
#top #container #module #daily-image #image-title .author			{ font-size:0.7em; }

/* other galleries */
#top #container #module #other-galleries							{ width:315px; }
#top #container #module #other-galleries #pics 						{ height:206px; }
#top #container #module #other-galleries #pics #img					{ float:left; margin-bottom:5px;  width:101px; height:101px; }
#top #container #module #other-galleries #pics #img.marginRight		{ margin-right:6px;}
#top #container #module #other-galleries #nav 						{ text-align:center;}
#top #container #module #other-galleries #pics #picset				{  }
#top #container #module #other-galleries img						{ border:2px solid #ffffff; }
#top #container #module #other-galleries #pics #picset #valoration	{ margin-bottom:3px; }


/* intro text */
#top #container #module #intro-text { width:315px; text-align:center; margin-top:70px; }


/* 
============================================================================================
|		Middle layer styles
============================================================================================
*/
#middle-text											{ width: 100%; }
#middle-text #container-main 							{ margin:0 auto; width:976px; }
#middle-text #container-main #container-module			{ float:left; width:300px; }
#middle-text #container-main #container-module #label	{ font-size:1.4em; color:#444444; text-align:left;}
#middle-text #container-main #container-module #text	{ color:#444444; text-align:justify;}
#middle-text #container-main #container-module #more	{ text-align:right; }
#middle-text #container-main #container-module #more a	{ color:#0066CC; }
#middle-text #container-main #container-module p		{ margin: 5px 0px;}
#middle-text #container-main #separator					{ float:left; width:4px; height: 160px; margin: 20px 15px 0px 15px; 
				  								  			background:transparent url('/images/template/separator-c.png') repeat-y;}